<template>
	<view>
		<view class="head">
			<image src="../../static/images/arrow_left.png" mode=""></image>
			<view class="">安卓自定义字段宽度</view>
			<view class="f32">完成</view>
		</view>
		<view class="header">每个字段的实际长度计算方法：为单个字段的数值除以 所有字段数值之和</view>
		<view class="box">
			<view class="">序号</view>
			<view class="box-r">5</view>
		</view>
		<view class="box">
			<view class="">货品编号</view>
			<view class="box-r">5</view>
		</view>
		<view class="box">
			<view class="">货品编号</view>
			<view class="box-r">5</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	methods: {}
};
</script>

<style lang="scss">
page {
	background-color: #f5f5f5;
}
.head {
	height: 88rpx;
	line-height: 88rpx;
	background-color: #249af6;
	color: #ffffff;
	display: flex;
	justify-content: space-around;
	font-size: 36rpx;
	font-family: PingFang SC;
	font-weight: 500;

	image {
		width: 22rpx;
		height: 39rpx;
		margin-top: 25rpx;
	}
}
.header {
	padding: 30rpx;
	box-sizing: border-box;
	line-height:42rpx;
	font-size: 28rpx;
	font-family: PingFang SC;
	font-weight: 500;
	color: rgba(102, 102, 102, 1);
}
.box {
	height: 109rpx;
	line-height: 109rpx;
	display: flex;
	justify-content: space-between;
	background-color: #ffffff;
	padding: 0 32rpx;
	font-size: 32rpx;
	font-family: PingFang SC;
	font-weight: 500;
	border-bottom: 3rpx solid #eeeeee;
}
</style>
